<!DOCTYPE html>
<html>
<head>
    <%layout("/WEB-INF/view/common/inc/admin_head.html",{title:'管理中心', checkiniframe:true, styles:'bootstrap,font-awesome,animate,style'}){%>
    <%}%>
</head>
<body class="fixed-sidebar full-height-layout gray-bg fixed-nav skin-1" style="overflow:hidden">
    <div id="wrapper">
        <!--左侧导航开始-->
        <nav class="navbar-default navbar-static-side" role="navigation">
            <div class="nav-close"><i class="fa fa-times-circle"></i>
            </div>
            <div class="sidebar-collapse">
                <%layout("/WEB-INF/view/common/inc/admin_side_nav.html"){}%>
            </div>
        </nav>
        <!--左侧导航结束-->
        <!--右侧部分开始-->
        <div id="page-wrapper" class="gray-bg dashbard-1">
            <div class="row border-bottom">
                <nav class="navbar navbar-fixed-top" role="navigation" style="margin-bottom: 0">
                    <span style="float: left;line-height: 50px;font-size: 22px;padding-left: 15px"><img src="${ctxPath}/assets/img/logo.png" height="50"></span>

                    <div class="navbar-header" style="width:60px;float: right;">
	                    <a class="navbar-minimalize minimalize-styl-2 btn btn-primary " href="#">
	                    	<i class="fa fa-bars"></i> 
	                    </a>
                    </div>
                    <ul class="nav navbar-top-links navbar-right">
                        <li class="dropdown hidden-xs">
                            <a class="right-sidebar-toggle" aria-expanded="false">
                                <i class="fa fa-tasks"></i> 主题
                            </a>
                        </li>
                    </ul>
                </nav>
            </div>
            <div class="row content-tabs">
                <button class="roll-nav roll-left J_tabLeft"><i class="fa fa-backward"></i>
                </button>
                <nav class="page-tabs J_menuTabs">
                    <div class="page-tabs-content">
                        <a href="javascript:;" class="active J_menuTab" data-id="/dashboard.do">主页</a>
                    </div>
                </nav>
                <button class="roll-nav roll-right J_tabRight"><i class="fa fa-forward"></i>
                </button>
                <div class="btn-group roll-nav roll-right">
                    <button class="dropdown J_tabClose" data-toggle="dropdown">关闭操作<span class="caret"></span>

                    </button>
                    <ul role="menu" class="dropdown-menu dropdown-menu-right">
                        <li class="J_tabShowActive"><a>定位当前选项卡</a>
                        </li>
                        <li class="divider"></li>
                        <li class="J_tabCloseAll"><a>关闭全部选项卡</a>
                        </li>
                        <li class="J_tabCloseOther"><a>关闭其他选项卡</a>
                        </li>
                    </ul>
                </div>
                <a href="${ctxPath}/admin/logout.html" class="roll-nav roll-right J_tabExit"><i class="fa fa fa-sign-out"></i> 退出</a>
            </div>
            <div class="row J_mainContent" id="content-main">
                <iframe class="J_iframe" name="iframe0" width="100%" height="99%" src="${ctxPath}/dashboard.do?v=4.1" frameborder="0" data-id="/dashboard.do" seamless></iframe>
            </div>
            <div class="footer">
                <div class="pull-right">&copy; 2017 <a href="javascript:;" target="_blank">${app_company_name}</a>技术支持</div>
            </div>
        </div>
        <!--右侧部分结束-->
        <!--右侧边栏开始-->
        <div id="right-sidebar">
            <div class="sidebar-container">

                <ul class="nav nav-tabs navs-3">
                    <li class="active">
                        <a data-toggle="tab" href="#tab-1">
                            <i class="fa fa-gear"></i> 主题
                        </a>
                    </li>
                    <li class="">
                    	<a data-toggle="tab" href="#tab-2">更新日志</a>
                    </li>
                </ul>

                <div class="tab-content">
                    <div id="tab-1" class="tab-pane active">
                        <div class="sidebar-title">
                            <h3> <i class="fa fa-comments-o"></i> 主题设置</h3>
                            <small><i class="fa fa-tim"></i> 你可以从这里选择和预览主题的布局和样式，这些设置会被保存在本地，下次打开的时候会直接应用这些设置。</small>
                        </div>
                        <div class="skin-setttings">
                            <div class="title">主题设置</div>
                            <div class="setings-item">
                                <span>收起左侧菜单</span>
                                <div class="switch">
                                    <div class="onoffswitch">
                                        <input type="checkbox" name="collapsemenu" class="onoffswitch-checkbox" id="collapsemenu">
                                        <label class="onoffswitch-label" for="collapsemenu">
                                            <span class="onoffswitch-inner"></span>
                                            <span class="onoffswitch-switch"></span>
                                        </label>
                                    </div>
                                </div>
                            </div>
                            <div class="setings-item">
                                <span>固定顶部</span>

                                <div class="switch">
                                    <div class="onoffswitch">
                                        <input type="checkbox" name="fixednavbar" class="onoffswitch-checkbox" id="fixednavbar">
                                        <label class="onoffswitch-label" for="fixednavbar">
                                            <span class="onoffswitch-inner"></span>
                                            <span class="onoffswitch-switch"></span>
                                        </label>
                                    </div>
                                </div>
                            </div>
                            <div class="setings-item">
                                <span>固定宽度</span>

                                <div class="switch">
                                    <div class="onoffswitch">
                                        <input type="checkbox" name="boxedlayout" class="onoffswitch-checkbox" id="boxedlayout">
                                        <label class="onoffswitch-label" for="boxedlayout">
                                            <span class="onoffswitch-inner"></span>
                                            <span class="onoffswitch-switch"></span>
                                        </label>
                                    </div>
                                </div>
                            </div>
                            <div class="title">皮肤选择</div>
                            <div class="setings-item default-skin nb">
                                <span class="skin-name ">
			                         <a href="#" class="s-skin-0"> 默认皮肤</a>
			                    </span>
                            </div>
                            <div class="setings-item blue-skin nb">
                                <span class="skin-name ">
			                        <a href="#" class="s-skin-1">蓝色主题</a>
			                    </span>
                            </div>
                            <div class="setings-item yellow-skin nb">
                                <span class="skin-name ">
			                        <a href="#" class="s-skin-3"> 黄色/紫色主题</a>
			                    </span>
                            </div>
                        </div>
                    </div>
                    <div id="tab-2" class="tab-pane">

                        <div class="sidebar-title">
                            <h3> <i class="fa fa-comments-o"></i> 更新日志</h3>
                            <small><i class="fa fa-tim"></i> 系统更新日志，一目了然</small>
                        </div>

                        <div>

                            <div class="sidebar-message">
                                <a href="#">
                                    <!--<div class="media-body">
                                       	<p>新增管理机构功能</p>
                                        <small class="text-muted">2016-05-26</small>
                                    </div>

                                    <div class="media-body">
                                       	<p>初始化系统框架</p>
                                        <small class="text-muted">2016-05-20</small>
                                    </div>-->
                                </a>
                            </div>
                        </div>

                    </div>
                    
                </div>

            </div>
        </div>
        <!--右侧边栏结束-->
        
    </div>

    <%layout("/WEB-INF/view/common/inc/admin_js.html",{modules:'jquery,bootstrap,metisMenu,slimscroll,layer,core,contabs'}){}%>
    <script>
        $(function(){

            //修改密码
            $('.changepwd-btn').on('click',function(){
                layer.open({
                    title: '修改密码',
                    type: 2,
                    area: ['790px', '260px'],
                    skin: 'layer-ext-espresso',
                    content: ['${ctxPath}/power/user/changepwdpage.do', 'no']
                });
            });

            //修改个人资料
            $('.changeprofile-btn').on('click',function(){
                layer.open({
                    title: '修改个人资料',
                    type: 2,
                    area: ['790px', '560px'],
                    skin: 'layer-ext-espresso',
                    content: ['${ctxPath}/power/user/changeprofilepage.do', 'no']
                });
            });
        });
    </script>
</body>

</html>
